<!DOCTYPE html>
<html>
    <head>
        <title>TAI-Perfil</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="../css/Perfil.css" type="text/css" media="screen">
        <!--Libreria modernizr para compatibilidad con css3 y html5-->
        <script src="../../2_Controlador/modernizr.2.5.3.js"></script>
    </head>
    <body>
            <header>
                <div id="cuadroTitulo"> 
                    <div id="imagenLogo"></div>
                    <h1>TUTOR ADAPTATIVO INTELIGENTE</h1>
                </div>
            </header> 
            <nav>
                 <ul id="menu">
                    <li><a href="Inicio.html">Inicio</a></li>
                    <li><a href="#">Ayuda</a>
                        <ul>
                            <li>
                                <a href="#">Enteros</a>
                                <ul>
                                    <li><a href="AyudaEnterosSuma.html">Suma</a></li>
                                    <li><a href="AyudaEnterosResta.html">Resta</a></li>
                                    <li><a href="AyudaEnterosMultiplicacion.html">Multiplicación</a></li>
                                    <li><a href="AyudaEnterosDivision.html">División</a></li>
                                 </ul>
                            </li>
                            <li>
                                <a href="#">Fraccionarios</a>
                                <ul>
                                    <li><a href="AyudaFraccionariosSuma.html">Suma</a></li>
                                    <li><a href="AyudaFraccionariosResta.html">Resta</a></li>
                                    <li><a href="AyudaFraccionariosMultiplicacion.html">Multiplicación</a></li>
                                    <li><a href="AyudaFraccionariosDivision.html">División</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#">Decimales</a>
                                <ul>
                                    <li><a href="AyudaDecimalesSuma.html">Suma</a></li>
                                    <li><a href="AyudaDecimalesResta.html">Resta</a></li>
                                    <li><a href="AyudaDecimalesMultiplicacion.html">Multiplicación</a></li>
                                    <li><a href="AyudaDecimalesDivision.html">División</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="Perfil.html">Perfil</a></li>
                    <li><a href="index.html">Salir</a></li>
                </ul>
            </nav>
            <div id="contenedorColumnas">
                    <section id="columnaPrincipal">
                        <table id="tablas">
                            <tr><td>
                                <h2>Nombre de Usuario</h2>
                                <h3>Ranking</h3>
                                <table id="ranking">
                                    <tr><th>Módulo</th><th id="bordeArriba">Puntaje Actual</th></tr>
                                    <tr><td><p>Enteros</p></td><td class="pts" >34pts</td></tr>
                                    <tr><td><p>Fraccionarios</p></td><td class="pts">36pts</td></tr>
                                    <tr><td class="bordeAbajo"><p>Decimales</p></td><td class="pts">14pts</td></tr>
                                </table>
                                <table id="nivelActual">
                                    <tr><th class="bordeArriba">Nivel Actual</th></tr>
                                    <tr class="bordeAbajo">
                                        <td class="bordeAbajo" id="nombreNivel">
                                           <img id="imagenNivel" src="../imagenes/Niveles/meme.png" />
                                           <h4>Ejemplo Pensador</h4>
                                        </td>
                                    </tr>
                                </table>
                            </td></tr>
                        </table>
                    </section>
            </div>
            <footer>
                <div id="pieDePagina">pie de pagina</div>
            </footer>
    </body>
</html>
